@import url('../../utils/less/base.less');

.page {
    &>.banner {
        // .bgimg(cover, center);
        box-shadow: 0 -40rpx 20rpx -20rpx #f5f5f5 inset;
        width: 100%;
        height: auto;
    }
    &>.report {
        .bgcolor(white);
        .radius(30rpx);
        .flex-center(col, center);
        .relative();
        padding: 40rpx 0;
        margin: -80rpx 32rpx;
        &>.title {
            .text(38rpx);
        }
        &>.updata-btn {
            .text(32rpx);
            padding: 4rpx 60rpx;
            margin-top: 30rpx;
            box-shadow: 0 6rpx 12rpx -6rpx #333;
        }
    }
    &>.my-report {
        margin-top: 120rpx;
        padding: 0 32rpx;
        &>.title {
            .text(32rpx);
        }
        &>.report-list {
            .overflow-hidden();
            &>.item {
                .bgcolor(white);
                .radius(20rpx);
                margin: 30rpx 0;
                padding: 20rpx;
                &>.status>.info {
                    .flex-between(start);
                    padding-bottom: 20rpx;
                    &>.decr {
                        // .text-overflow(4);
                        .flex-center(center, auto);
                        .flex(stretch);
                        .text(#0095ff);
                    }
                    &>.nodata {
                        .flex-center(center, auto);
                        .flex(stretch);
                    }
                    &>.cover {
                        .bgimg(contain, norepeat, center);
                        .flex(none);
                        .bgcolor(#333);
                        width: 160rpx;
                        height: 160rpx;
                        margin-left: 20rpx;
                    }
                }
                &>.status>.date-doctor {
                    .flex-between();
                    .text(24rpx, #666);
                    padding-top: 20rpx;
                    border-top: 2rpx solid #f5f5f5;
                    &>.text-item {
                        .flex(none);
                    }
                }
            }
            &>.list-status {
                .text(#999, center);
                margin: 30rpx 0;
            }
        }
    }
}